<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <link rel="icon" href="/static/assets/images/CMT-logo.png" />
        <meta name="description" content="可解释性多导睡眠监测系统" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>登录页</title>

       
    </head>
    <body>
        <div data-ty="0" style="transform: translateY(0px)">
            <div>
                <style>
                    .vec-rectangle-rPH-2 {
                        position: absolute;
                        z-index: 1;
                        left: -15.625000851020026%;
                        top: -27.93240733484029%;
                        width: auto;
                        height: auto;
                        mix-blend-mode: normal;
                        --bg-img: var(--img-url);
                        --img-url: url(https://img.js.design/assets/img/668b6e595b13bd22c68af290.jpg#a6b45bd9c87a1f3c2471047e5624fa59);
                        right: -14.062337455175072%;
                        bottom: -10.03963869249934%;
                    }
                    .vec-rectangle-rPH-2::before {
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                    }
                    .vec-rectangle-eDz-1 {
                        position: absolute;
                        z-index: 0;
                        left: 0px;
                        top: 0px;
                        width: auto;
                        height: auto;
                        box-shadow: 0px 0px 18px rgba(222, 234, 255, 0.88);
                        border-radius: 20px;
                        mix-blend-mode: normal;
                        opacity: 0.88;
                        background: rgba(255, 255, 255, 1);
                        right: 0px;
                        bottom: 0px;
                    }
                    .span-RYT-1 {
                        text-decoration-line: none;
                    }
                    .p-text-title {
                        display: inline;
                        margin: 0px;
                        width: 100%;
                        text-align: center;
                    }
                    .text-title {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 1;
                        justify-content: start;
                        left: 119.5px;
                        top: 62.01px;
                        height: 24px;
                        mix-blend-mode: normal;
                        color: rgba(0, 0, 0, 1);
                        font-size: 24px;
                        font-weight: 700;
                        opacity: 1;
                        font-family: "思源黑体 CNθBoldθ1.000";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-title-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .img-hIv-1::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .img-username {
                        position: absolute;
                        z-index: 2;
                        border: unset !important;
                        box-shadow: unset;
                        left: calc(
                            50% - 13.562226562499973px / 2 - 126.9989013671875px
                        );
                        top: calc(
                            50% - 19.002908935546884px / 2 - 73.988525390625px
                        );
                        width: 15.56195068359375px;
                        height: 21.0029296875px;
                        mix-blend-mode: normal;
                        --bg-img: var(--img-url);
                        --img-url: url(https://img.js.design/assets/element/js_oCXdS3hiqu3/image/90f0d880bf4337aace957aa5062cb27024a45710.png);
                    }
                    .img-username::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .img-line2 {
                        position: absolute;
                        z-index: 3;
                        border: unset !important;
                        box-shadow: unset;
                        left: calc(50% - 282px / 2 - 0.5px);
                        top: calc(50% - 0px / 2 - 58.5px);
                        width: 282px;
                        height: 1px;
                        mix-blend-mode: normal;
                        --bg-img: var(--img-url);
                        --img-url: url(https://img.js.design/assets/element/js_oCXdS3hiqu3/image/6a3c70ee5dec210f8ae098ed4806a99464bf80c1.png);
                    }
                    .img-line2::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .span-uhm-1 {
                        text-decoration-line: none;
                    }
                    .p-text-username {
                        background-color: rgba(0, 0, 0, 0);
                        text-align: left;
                        border: none;
                        outline: none;
                        width: 250px;
                    }
                    .text-username {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 4;
                        justify-content: start;
                        left: 96px;
                        top: 138.05px;
                        height: 16px;
                        mix-blend-mode: normal;
                        color: rgba(151, 167, 195, 1);
                        font-size: 16px;
                        font-weight: 400;
                        opacity: 1;
                        font-family: "思源黑体 CNθRegularθ1.000";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-username-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .img-line {
                        position: absolute;
                        z-index: 5;
                        border: unset !important;
                        box-shadow: unset;
                        left: calc(50% - 282px / 2 - 0.5px);
                        top: calc(50% - 0px / 2 - 1.5px);
                        width: 282px;
                        height: 1px;
                        mix-blend-mode: normal;
                        --bg-img: var(--img-url);
                        --img-url: url(https://img.js.design/assets/element/js_oCXdS3hiqu3/image/6a3c70ee5dec210f8ae098ed4806a99464bf80c1.png);
                    }
                    .img-line::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .img-QSK-1::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .vec-rectangle-rAX-2::after {
                        display: block;
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        box-sizing: border-box;
                        z-index: 999;
                        pointer-events: none;
                        border-radius: 2px;
                        border: 2px solid rgba(94, 107, 130, 1);
                    }
                    .img-Nsw-3::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .img-password {
                        position: absolute;
                        z-index: 6;
                        border: unset !important;
                        box-shadow: unset;
                        left: calc(50% - 17px / 2 - 127px);
                        top: calc(
                            50% - 18.000216484069824px / 2 -
                                16.500091552734375px
                        );
                        width: 17.0003662109375px;
                        height: 19.000213623046875px;
                        mix-blend-mode: normal;
                        --bg-img: var(--img-url);
                        --img-url: url(https://img.js.design/assets/element/js_oCXdS3hiqu3/image/0425095b6ac4b1bfd46533d2b3527abe22d2138d.png);
                    }
                    .img-password::before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        content: "";
                        opacity: 1;
                        background-image: var(--bg-img);
                        background-size: cover;
                    }
                    .span-Nsy-1 {
                        text-decoration-line: none;
                    }
                    .p-text-password {
                        background-color: rgba(0, 0, 0, 0);
                        text-align: left;
                        border: none;
                        outline: none;
                        width: 250px;
                    }
                    .text-password {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 7;
                        justify-content: start;
                        left: 96px;
                        top: 194.05px;
                        height: 16px;
                        mix-blend-mode: normal;
                        color: rgba(152, 167, 195, 1);
                        font-size: 16px;
                        font-weight: 400;
                        opacity: 1;
                        font-family: "思源黑体 CNθRegularθ1.000";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-password-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .vec-checkbox {
                        position: absolute;
                        z-index: 8;
                        left: calc(50% - 17px / 2 - 127px);
                        top: calc(50% - 17px / 2 + 25px);
                        width: 17px;
                        height: 17px;
                        mix-blend-mode: normal;
                        box-sizing: border-box;
                        opacity: 1;
                    }
                    .vec-checkbox::after {
                        display: block;
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        box-sizing: border-box;
                        z-index: 999;
                        pointer-events: none;
                        border-radius: 3px;
                        border: 1px solid rgba(211, 218, 230, 1);
                    }
                    .span-pSR-1 {
                        text-decoration-line: none;
                    }
                    .p-text-IIx-10 {
                        display: inline;
                        margin: 0px;
                        width: 100%;
                        text-align: left;
                    }
                    .text-IIx-10 {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 9;
                        justify-content: start;
                        left: 98px;
                        top: 238px;
                        height: 14px;
                        mix-blend-mode: normal;
                        color: rgba(94, 107, 130, 1);
                        font-size: 14px;
                        font-weight: 400;
                        opacity: 1;
                        font-family: "思源黑体 CNθRegularθ1.000";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-IIx-10-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .span-uaN-1 {
                        text-decoration-line: none;
                    }
                    .p-text-forget {
                        display: inline;
                        margin: 0px;
                        width: 100%;
                        text-align: left;
                    }
                    .text-forget {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 10;
                        justify-content: start;
                        left: 279px;
                        top: 236.81px;
                        height: 14px;
                        mix-blend-mode: normal;
                        color: rgba(121, 72, 234, 1);
                        font-size: 14px;
                        font-weight: 500;
                        opacity: 1;
                        font-family: "SourceHanSansCN-Medium";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-forget-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .vec-button-login {
                        position: absolute;
                        z-index: 11;
                        left: 50px;
                        top: calc(50% - 46px / 2 + 112.5px);
                        width: auto;
                        height: 46px;
                        background-image: linear-gradient(
                            87deg,
                            rgba(121, 72, 234, 1) 0%,
                            rgba(70, 80, 251, 1) 100%
                        );
                        box-shadow: 0px 0px 10px rgba(18, 160, 249, 0.88);
                        border-radius: 23px;
                        mix-blend-mode: normal;
                        right: 48px;
                        display: flex; /* 新增，用于启用Flexbox布局 */
                        justify-content: center; /* 新增，用于水平居中 */
                        align-items: center; /* 新增，用于垂直居中 */
                    }

                    .vec-button-login a {
                        text-align: center; /* 新增，确保文本居中 */
                        line-height: 46px; /* 新增，确保文本垂直居中 */
                        color: white; /* 新增，设置链接文本颜色 */
                        text-decoration: none; /* 新增，去除下划线 */
                        display: block; /* 新增，使<a>标签填充整个按钮 */
                        width: 100%; /* 确保链接宽度填满整个按钮 */
                        height: 100%; /* 确保链接高度填满整个按钮 */
                    }
                    .span-YMj-1 {
                        text-decoration-line: none;
                    }
                    .p-text-vwG-13 {
                        display: inline;
                        margin: 0px;
                        width: 100%;
                        text-align: left;
                    }
                    .text-vwG-13 {
                        position: absolute;
                        display: flex;
                        flex-direction: column;
                        z-index: 12;
                        justify-content: start;
                        left: calc(50% - 36px / 2 - 0.5px);
                        top: 12px;
                        height: 18px;
                        mix-blend-mode: normal;
                        color: rgba(255, 255, 255, 1);
                        font-size: 18px;
                        font-weight: 700;
                        opacity: 1;
                        font-family: "思源黑体 CNθBoldθ1.000";
                        letter-spacing: 0px;
                        white-space: normal;
                    }
                    .text-vwG-13-br {
                        display: block;
                        margin-bottom: 0px;
                        overflow: hidden;
                    }
                    .frame-container {
                        position: absolute;
                        z-index: 3;
                        left: calc(50% - 405px / 2 + 250.5px);
                        top: calc(50% - 437px / 2 - 11.5px);
                        width: 405px;
                        height: 437px;
                        mix-blend-mode: normal;
                    }
                    .frame-container.fixed-width {
                        width: 405px;
                    }
                    .frame-gXr-2 {
                        position: relative;
                        z-index: 2;
                        height: 947px;
                        mix-blend-mode: normal;
                        background: rgba(0, 0, 0, 0);
                        overflow: hidden;
                    }
                    .frame-gXr-2.fixed-width {
                        width: 1793px;
                    }
                    ::-webkit-scrollbar {
                        display: normal;
                    }
                    .pointer-link,
                    .pointer-link > * {
                        cursor: var(--cursor-pointer) !important;
                    }
                    * {
                        --cursor-pointer: -webkit-image-set(url() 2x, url() 1x) 9 9, auto !important;
                    }
                    *:not(.pointer-link *) {
                        cursor: -webkit-image-set(
                                    url()
                                        2x,
                                    url()
                                        1x
                                )
                                4 4,
                            auto;
                    }
                    .username-container {
                        height: auto;
                        width: auto;
                    }
                </style>
                <div class="frame-gXr-2">
                    <div class="vec-rectangle-rPH-2"></div>
                    <div class="frame-container">
                        <div class="vec-rectangle-eDz-1"></div>
                        <div class="text-title">
                            <div class="p-text-title">
                                <span class="span-RYT-1">管理系统登录页</span>
                            </div>
                        </div>
                        <div class="username-container">
                            <div class="img-username"></div>
                            <div class="img-line2"></div>
                            <div class="text-username">
                                <input class="p-text-username" />
                            </div>
                        </div>
                        <div class="img-line"></div>
                        <div class="img-password"></div>
                        <div class="text-password">
                            <input type="password" class="p-text-password" />
                        </div>
                        <label>
                            <input type="checkbox" class="vec-checkbox" />
                            <div class="text-IIx-10">
                                <div class="p-text-IIx-10">
                                    <span class="span-pSR-1">记住密码</span>
                                </div>
                            </div>
                        </label>
                        <div class="text-forget">
                            <div class="p-text-forget">
                                <span class="span-uaN-1">忘记密码？</span>
                            </div>
                        </div>
                        <div class="vec-button-login">
                            <a href="/eeg-record">登录</a>
                        </div>
                    </div>
                </div>
                <style>
                    .overlay_center {
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        margin: auto;
                        z-index: 9999;
                    }
                    .overlay_top_left {
                        position: fixed;
                        top: 0;
                        left: 0;
                        z-index: 9999;
                    }
                    .overlay_top_center {
                        position: fixed;
                        top: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        z-index: 9999;
                    }
                    .overlay_top_right {
                        position: fixed;
                        top: 0;
                        right: 0;
                        z-index: 9999;
                    }
                    .overlay_bottom_left {
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        margin: auto;
                        z-index: 9999;
                    }
                    .overlay_bottom_center {
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;

                        z-index: 9999;
                    }

                    .popupMask {
                        position: fixed;
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 100%;
                        z-index: 9999;
                    }
                </style>
            </div>
        </div>
    </body>
</html>

